@charset "UTF-8";

/* @index */
body{
}

.banner{
	width: 100%;
	overflow: hidden;
	position: relative;
}
.banner img{width: 100%;}


.con-top{
	height: 940px;
	width: 100%;
	background: url(../images/bj1.jpg)no-repeat;
	background-size:100% 100%;
	padding-top: 80px;
	position: relative;
	overflow: hidden;
}
.con-top-bk{
	background: url(../images/a10.png)no-repeat;
	width: 1900px;
	height: 1000px;
	position: absolute;
	top: -30px;
	margin-left: -950px;
	left: 50%;
}
.con-top-title{
	width: 1280px;
	margin: 0 auto;
	text-align: center;
}
.con-top-title h2{
	font-size: 45px;
	font-weight: bold;
	position: relative;
}
.con-top-title p{
	color: #A6A6A6;
	font-size: 16px;
}
.con-top-main{
	max-width: 1900px;
	margin: 0 auto;
	overflow: hidden;
}

.con-top-nav{
	width: 1280px;
	margin: 0 auto;
	overflow: hidden;
	padding-top: 85px;
}

.con-top-nav li{
	display: inline-block;
	height: 380px;
	width: 167px;
	margin:0px 6px 0px 6px;
	border: 1px solid #FFFFFF;
	cursor: pointer;
	position: relative;
	overflow: hidden;
}
.con-top-nav li img{
	height: 100%;
	position: absolute;
	transition: all 1s;
}
.con-top-nav li .mask_b{
	display: block;
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.3);
	transition: all 1s;
}
.con-top-nav li:hover .mask_b{
	background: rgba(0,0,0,.0);
}
.con-top-nav li:hover img{
	transform: scale(1.1);
}
.con-top-nav li h2{
	color: #fff;
	width: 30px;
	margin: 0 auto;
	display: block;
	font-size: 32px;
	position: relative;
	padding: 120px 0 0 0;
	line-height: 40px;
}

.company{
	background:url(../images/bg_co.png)no-repeat;
	background-size:100% 100%;
	width: 100%;
	height: 600px;
	overflow: hidden;
}
.company-con{
	width: 1280px;
	height: 350px;
	background-color: #FFFFFF;
	margin: 0 auto;
	margin-top: 120px;
	box-shadow: 0px 12px 16px 0 rgba(0,0,0,.4);
	position: relative;
}

.company-con .company-video{
	position: absolute;
	top: -40px;
	left: 35px;
}
.company-con .company-main{
	width: 570px;
	float: right;
	/* background-color: #007AFF; */
}
.company-con .company-main h2{
	font-size: 42px;
	font-weight: bold;
	margin-top: 35px;
	color: #642828;
}
.company-con .company-main .logo{
	margin-left: 3px;
}
.company-con .company-main p{
	margin-top: 20px;
	width: 500px;
	text-indent: 2em;
	color: #666666;
}


.case{
	/* height: 700px; */
	margin-top: 60px;
	padding-top: 30px;
	padding-bottom: 20px;
	background: url(../images/bj1.jpg)no-repeat;
	background-size:100% 100%;
}
.case .case-title{
	margin: 0 auto;
	width: 600px;
	text-align: center;
	margin-top: 30px;
	position: relative;
	
}
.case .case-title .title_bg{
	display: block;
	width: 100px;
	height: 100px;
	background: url(../images/title_bg.png)no-repeat;
	background-size:100% 100%;
	margin: 0 auto;
	position: absolute;
    top: -55px;
    left: 150px;
}
.case .case-title h2{
	margin: 0 auto;
	text-align: center;
	font-size: 42px;
	font-weight: bold;
	color: #642828;
}
.case .case-title p{
	text-align: center;
	font-size: 18px;
	color: #aaaaaa;
}

.case .case-nav{
	width: 1280px;
	padding-left: 100px;
	padding-right: 100px;
	display: flex;
	margin: 0 auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
.case .case-nav li{
	display: inline-block;
	flex: 1;
	text-align: center;
	transform: skewX(-35deg);
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 18px;
}
.case .case-nav li:not(:last-child){
	border-right: #000000 2px solid;
}
.case .case-nav li a{
	display: block;
	transform: skewX(35deg);
	font-size: 18px;
}
.case .case-nav li a h3:hover{
	font-weight: bold;
}
.case .case-nav li h3{
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 18px;
	color: #642828;
}

.case .case-list{
	width: 1280px;
	margin: 0 auto;
	padding-top: 40px;
	position: relative;
}
.case .case-list .swiper-case{
	overflow: hidden;
	padding-top: 10px;
}

.case .case-list .swiper-button-prev{
	left: -60px;
	width: 45px;
	height: 45px;
	background-image:url(../images/wm_button_icon.png);
	background-position: 0 0;
	background-size: 100%;
}
.case .case-list .swiper-button-next{
	right: -60px;
	width: 45px;
	height: 45px;
	background-image:url(../images/wm_button_icon.png);
	background-position: 0 -93px;
	background-size: 100%;
}
.case .case-list .swiper-button-prev::after,.case .case-list .swiper-button-next::after{
	content: "";
}
.case .case-list-box{
	width: 306px;
	height: 250px;
	margin: 0px 5px 20px 5px;
	display: inline-block;
	background: #fff;
	box-shadow: 0 8px 10px #ddd;
	border-radius: 8px;
	overflow: hidden;
	transition:all .5s;
}
.case .case-list-box .case-list-img{
	width: 306px;
	height: 182px;
	overflow: hidden;
}
.case .case-list-box img{
	width: 100%;
	height: 100%;
	transition:all .5s;
}
.case .case-list-box:hover{
	transform: translateY(-5px);
	box-shadow: 0 8px 10px #b6b6b6;
}
.case .case-list-box:hover img{
	transform: scale(1.1);
}

.case .case-list-box:hover h3,.case .case-list-box:hover p{
	color: #642828;
}

.case .case-list-box h3{
	margin: 0 auto;
	margin-top: 12px;
	margin-bottom: 3px;
	line-height: 24px;
	text-align: center;
	color: #636363;
	font-size: 22px;
	transition:all .5s;
	width: 270px;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.case .case-list-box p{
	display: block;
	margin: 0 auto;
	width: 270px;
	text-align: center;
	color: #999999;
	font-size: 12px;
	transition:all .5s;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.case .case-con{
	position: relative;
	margin: 0 auto;
	width: 1280px;
}
.case .gallery-top{
	width: 1100px;
	margin: 0 auto;
	margin-top: 60px;
	margin-bottom: 10px;
}

.case .gallery-top h3{
	font-size: 18px;
	text-align: center;
	display: block;
	transform: skewX(35deg);
	margin-top: 0px;
	margin-bottom: 0px;
}
.case .gallery-top .gallery-top-navli:not(:last-child){
	border-right: #000000 2px solid;
}

.case .gallery-top .gallery-top-navli{
	display: inline-block;
    flex: 1;
    text-align: center;
    transform: skewX(-35deg);
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 18px;
	cursor:pointer;
}
.case .gallery-top .swiper-slide-thumb-active h3{
  font-weight: bold;
}

.case .gallery-thumbs{
	width: 1280px;
    margin: 0 auto;
    padding-top: 40px;
    position: relative;
	overflow: hidden;
}
.case .case-con .swiper-button-prev{
	left: -60px;
	width: 45px;
	height: 45px;
	background-image:url(../images/wm_button_icon.png);
	background-position: 0 0;
	background-size: 100%;
}
.case .case-con .swiper-button-next{
	right: -60px;
	width: 45px;
	height: 45px;
	background-image:url(../images/wm_button_icon.png);
	background-position: 0 -93px;
	background-size: 100%;
}
.case .swiper-button-prev::after,.case .swiper-button-next::after{
	content: "";
}
.care-morebutten{
	display: block;
	margin: 0 auto;
	width: 240px;
	line-height: 32px;
	text-align: center;
	border-radius: 10px;
}
.care-morebutten{
	border: #aaaaaa 2px solid;
	color: #aaaaaa;
}
.care-morebutten:hover {
    background-color: #aaaaaa;
    color: #FFFFFF;
}

.rongyu{
	width: 100%;
	margin-top: 60px;
	height: 500px;
	background: rgba(220,220,220,0.4);
	background-image: url(../images/wl.png);
	background-size: 175px;
	overflow: hidden;
}
.rongyu .swiper-button-next{
	background:url(../images/controls.jpg)no-repeat -43px -32px;
}
.rongyu .swiper-button-prev{
	background:url(../images/controls.jpg)no-repeat 0 -32px;
}
.rongyu-title{
	margin-top: 50px;
	margin-bottom: 50px;
	text-align: center;
}
.rongyu-title p{
	text-align: center;
	font-size: 18px;
	color: #aaaaaa;
}
.rongyu-title h2{
	margin: 0 auto;
	font-size: 34px;
	font-weight: bold;
}
.rongyu-title .indexbtitle{
	margin: 0 auto;
	margin-top: -45px;
	display: block;
	height: 110px;
	width: 470px;
	background:url(../images/indexbtitle.png)no-repeat;
	background-position:  15px  0;
}

.rongyu-con{
	width: 1280px;
	margin: 0 auto;
	overflow: hidden;
}

.rongyu-con .swiper-rongyu img{
	width: 100%;
}
.rongyu-con .swiper-rongyu span{
	display: block;
	margin: 0 auto;
	text-align: center;
	color: #666666;
	background-size:100% 100%;
}

.zixun{
	background: url(../images/foot.jpg)no-repeat;
	background-position:center bottom;
	height: 660px;
	overflow: hidden;
}
.zixun .zixun-con{
	width: 1200px;
	margin: 0 auto;
	margin-top: 30px;
}
.zixun-title{
	margin-top: 40px;
	text-align: center;
}
.zixun .zixun-title h2{
	margin: 0 auto;
}
.zixun .zixun-title p{
	text-align: center;
	font-size: 18px;
	color: #aaaaaa;
}

.tab-list {
	list-style:none;
	overflow:hidden;
	width: 500px;
	margin: 0 auto;
	margin-top: 0.3rem;
	display: flex;
}

.tab-list li {
	display: inline-block;
	flex:1;
	width: 180px;
	color:#642828;
	text-align:center;
	line-height:40px;
	cursor:pointer;
	padding:0 20px 0 20px;
	font-size: 18px;
	transform: skewX(-35deg);
}
.tab-list li a {
	color:#642828;
}
.tab-list li a:hover h3{
	font-weight: bold;
}
.tab-list li h3{
	transform: skewX(35deg);
	margin-top: 0px;
	margin-bottom: 0px;
	font-size: 18px;
}
.tab-list>li:not(:last-child){
	border-right: #000000 2px solid;
}
.tab-list>li:after{
}


.zixun-box {
	display:none;
	padding-top: 40px;
	height: 470px;
	position: relative;
	width: 1280px;
}
.zixun .on {
	display:block;
}
.zixun-box>ul{
	height: 420px;
}
.zixun-box .li-wz{
	width:387px ;
	height: 120px;
	display: inline-block;
	margin-bottom: 15px;
	overflow: hidden;
	position: relative;
	margin-left: 10px;
}

.tab-list li.cur>h3{
	font-weight: bold;
}


.zixun-box .zixun-box-lf{
	width: 600px;
	height: 380px;
	float: left;
}
.zixun-box .zixun-box-lf .zixun-lf-list{
	margin-bottom: 20px;
	height: 110px;
}
.zixun-box .zixun-box-lf .zixun-lf-img{
	width: 190px;
	height: 110px;
	float: left;
	overflow: hidden;
}
.zixun-box .zixun-box-lf .zixun-lf-img img{
	height: 100%;
}
.zixun-box .zixun-box-lf .zixun-lf-text{
	float: right;
	width: 380px;
	height: 110px;
}
.zixun-box .zixun-box-lf .zixun-lf-text h4{
	font-weight: bold;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #642828;
	line-height: 30px;
	margin: 0;
}
.zixun-box .zixun-box-lf .zixun-lf-text span{
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	margin: 8px 0 11px;
	color: #9d9d9d;
	font-size: 13px;
}
.zixun-box .zixun-box-lf .zixun-lf-text p{
	color: #9d9d9d;
	font-size: 13px;
	line-height: 18px;
	margin-top: 6px;
	height: 54px;
	overflow: hidden;
}
.zixun-box .zixun-box-rt{
	width: 600px;
	height: 380px;
	float: right;
}

.zixun-box .zixun-box-rt ul{
	
}
.zixun-box .zixun-box-rt li{
	height: 64px;
	border-bottom: 1px solid #f1f1f1;
	overflow: hidden;
}
.zixun-box .zixun-box-rt li h4{
	width: 460px;
	font-size: 17px;
	color: #642828;
	float: left;
	text-overflow: ellipsis;
	white-space: nowrap;
	color: #642828;
	line-height: 60px;
	margin: 0;
	overflow: hidden;
}
.zixun-box .zixun-box-rt li span{
	float: right;
	font-size: 16px;
	color: #9d9d9d;
	line-height: 60px;
}